﻿html,
body
{
    padding:auto;
	height:100%;
	min-width: 980px; 
	margin-top:0px;
	margin-bottom:0px;
}
html
{
    background-position:-30px 0px;     
    background-color:#303030; 
  
}
a 
{
    text-decoration:underline;   
    cursor:pointer; 
}
.PageContainer 
{
	min-height:100%;
	height:100%;
	position:relative;
	padding:auto;
	margin: 0px 30px 0px 30px;
}

.PageHeader 
{	
    color:#fff;
    border: 0 none;
    padding-left: 17px;
    height:80px;
}
.PageHeader .Logo
{
    background: url(../Images/page_logo.png) no-repeat scroll 0 50% transparent;
    height: 60px;
    left: 0;
    top: 10px;
    margin: 0px 0px;
    position: absolute;
    text-indent: -9999px;
    width: 542px;
}
.PageHeader .Banner
{  
    height: 80px;
    position: relative;
    margin: 0 auto;   
}
.PageHeader .LoginInfo
{
	position:absolute;
	right:0;
	top:15px;	
	margin:0 8px;
	font-size:15px;
	vertical-align:top;
}

.PageHeader .LoginInfo a
{
	color:#fff;	
}
.PageContent 
{	
    background-color:#eeeeee;
    padding-bottom:10px; 	
    -moz-border-radius: 0px 0px 5px 5px ;
	border-radius:  0px 0px 5px 5px ;  
}
	
.PageContainer .Menu
{
	margin: 5px 0px 10px 0px;
    padding: 0px 0px 0px 0px;	
	width:100%;  
    height:48px;  	
    background:transparent url(../Images/page_menu_bg.png) repeat-x 0 0;
}
.MainContent
{
    margin:0px 10px 0px 0px;
}
.ContentTable
{
	width:100%;		
}

.ContentLeft
{
	width:200px;
	vertical-align:top;
}

.ContentRight
{
	width:auto;
	vertical-align:top;
	-moz-border-radius: 5px 5px 5px 5px ;
	border-radius:  5px 5px 5px 5px ;
	box-shadow: 0 1px 2px #555555;	
	background-color:#fff;
	padding: 10px 10px 10px 10px;	
}

.ContentSpacer
{
	padding-right:7px;
	width:1px;
}
.PageFooter 
{	
	width:100%;
	height:60px;	
	-moz-border-radius: 10px 10px 0px 0px ;
	border-radius: 10px 10px 0px 0px;	
	background-color:#21242c;
	border: 1px solid #656B6E;
	color:#fff;
	font-size:11px;
	margin-top:10px;
}
.FooterContent
{
	padding:10px 20px 10px 20px;	
}

/*Top Menu*/
.RadTabStrip a.rtsLink
{    
    display:inline-block;
    height:48px;
    font-weight:bold;    
}
.RadTabStrip a.rtsLink span.rtsOut
{  
    height:48px;    
}
.RadTabStrip a.rtsLink span.rtsIn
{  
   padding-top:13px;
}
.RadTabStrip a.rtsLink:hover
, .RadTabStrip a.rtsLink:active
, .RadTabStrip .rtsSelected
{
    background:url("../Images/page_menu_bg.png") repeat-x;
    background-position:0px -49px;
}
.RadTabStrip a.rtsLink:hover span.rtsOut
, .RadTabStrip a.rtsLink:active span.rtsOut
, .RadTabStrip .rtsSelected span.rtsOut
{
    background:url("../Images/page_menu_bg.png") repeat-x;
    background-position:right -49px;
}
/*Search Customer On Top Menu*/
.SearchCustomer
{
     width:190px;
     border:1px solid #ccc;
     background-color:#fff; 
     margin:12px 0px 0px 10px;      
}
.SearchCustomer .CellLeft
{
     width:175px;
     padding:2px 5px 2px 5px;      
}
.SearchCustomer .CellLeft input
{
    border:0px;
    background:Transparent;
    width:100%; 
}
.SearchCustomer .CellLeft input:focus
{
    border:none;
    outline: none;
}
.SearchCustomer .CellRight
{
     width:25px;
     background:url("../Images/icon-search.png") no-repeat;
     background-position:5px 4px; 
     border-left:1px solid #ccc; 
}
.SearchCustomer .CellRight a
{
     font-size:0;
     display:block;
     height:20px 
}
/*LeftMenu*/
.RadPanelBar_GuruSkin
{
    border-right:1px solid #4aaed2;
    border-bottom:1px solid #4aaed2;
}
.ContentLeft .RadPanelBar .rpRootGroup
{
   border:0px;
}
.ContentLeft a.rpLink 
{
    background:url("../Images/page_menu_bg.png") repeat-x -10px 0px;
    height:30px;   
    border:0px;
}
.ContentLeft a.rpLink:hover
, .ContentLeft a.rpSelected
, .ContentLeft a.rpExpanded 
{
   background:url("../Images/page_menu_bg.png") repeat-x;
   background-position:0px -49px;
   height:30px; 
   border:0px;     
}
.ContentLeft .RadPanelBar .rpOut
{
    border:0px;
    margin-top:5px; 
}

.ContentLeft .RadPanelBar .rpLevel1 .rpFirst
, .ContentLeft .RadPanelBar .rpLevel1 .rpLast
{   
    padding:0px; 
}
.ContentLeft .rpLevel1 a.rpLink 
{
    -moz-border-radius:0px;
    border-radius:0px;	
}

.ContentLeft .RadPanelBar .rpLevel1 .rpOut
{
    border:0px;
    margin-top:3px; 
}
.ContentLeft .rpLevel1 a.rpLink:hover
, .ContentLeft .rpLevel1 a.rpSelected
{
   font-weight:bold; 
   text-decoration:underline; 
}

/*Modal Window*/
.ModalContainer
{
    margin:auto;	
	position:relative;
	padding:auto;
	text-align:center;
	width:100%;
}
.ModalMainContent
{   
    margin:auto;
    text-align:left;
    vertical-align:top;
    -moz-border-radius: 5px 5px 5px 5px ;
    border-radius:  5px 5px 5px 5px ;
    box-shadow: 0 1px 2px #555555;	
    background-color:#fff;
    padding: 10px 10px 10px 10px;
}
.ModalTitle
{
    font-weight:bold;
    empty-cells:hide;
    margin-bottom:10px;   
}